<template>
	<view>
		<view class="formlist inputtext">
			<view class="formgroup border-bottom-E3E3E5">
				<view class="labletitle" v-if="showLabel">
					<label>{{label}}</label>
				</view>
				<view class="controlvalue" :style="{width:Width.width,textAlign:textStyle['text-align']}">
					<text selectable=true :style="_style">{{defaultValue}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			showLabel:{
				type:Boolean,
				default(){
					return false
				}
			},
			Width:{
				type: Object,
				default: () => ({})
			},
			textStyle: {
			      type: Object,
			      default: () => ({})
			},
			label:{
				type:String,
				default(){
					return '文本'
				}
			},
			defaultValue:{
				type:String,
				default(){
					return '文本框'
				}
			}
		},
		mounted() {
			
		},
		computed: {
		    _style() {
		      return { ...this.textStyle, 'line-height': this.textStyle['line-height'] + 'px', 'font-size': this.textStyle['font-size'] + 'px' }
		    }
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>

</style>
